<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge, Chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" type="image/png" href="">
    <!-- Main Source Files -->
    <link rel="stylesheet" href="main.css" />
    <script src="main.js"></script>
</head>

<body id="app" class="app">
    <header>
        <!--  -->
    </header>
    <main>
        <div class="logo"></div>
        <div class="result" id="result">Please enter your name below 👇</div>
        <div class="input-box" id="input">
            <input class="input" id="name" type="text" autocomplete="off" onkeydown="if (event.keyCode === 13) {greet()}" />
            <button class="btn" onclick="greet()">Greet</button>
        </div>
    </main>
    <footer>
        <!--  -->
    </footer>
</body>

</html>
